/*
Theme Name: Cocana Resorts - Property
Theme URI: http://www.baliwebcreator.com
Description: <p>Cocana Resorts is a Custom Wordpress theme with elegant style. It is a powerful theme built with quality, usability and functional features.</p>
Version: 1.0
Updated Date:16/02/2017
Author: Bali Web Creator
Created Date:16/02/2017

Author URI: http://www.baliwebcreator.com/
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Suranna');

html {
	min-height: 100%;
	position: relative;
}
body {
	background:#fff;
	background-attachment: fixed;
	color: #000;
	font-family: 'Montserrat', serif;
	font-size: 15px;
	font-weight:300;
	overflow-x:hidden;
	padding:0;
  letter-spacing: .05em;
}
body.no-scroll{overflow-y:hidden}

/* -------------------------------------
   COMMON
----------------------------------------*/
h1,h2,h3,h4, .h1, .h2, .h3, .h4{
	color:#5898be;
	margin:0 0 20px 0;
	line-height:1.2;
	letter-spacing:0;
	font-weight: 400;
  font-family:'Montserrat';
  text-transform:uppercase;
}
h1, .h1{font-size:calc(33px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));}
h2, .h2{font-size:calc(26px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));}
h3, .h3{font-size:calc(20px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));}
h4, .h4{
  font-size:calc(15px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));
  margin-bottom:10px;
  line-height:1.5;
}

p{ line-height: 24px; margin-bottom:20px; }
.font-2x, .font-2x p{font-size:16px !important; line-height:27px; font-weight:300;}
.font-3x, .font-3x p{font-size:18px !important; line-height:30px; font-weight:300;}
.font-4x, .font-4x p{font-size:20px !important; line-height: 33px; font-weight:300;}
blockquote {
	border: none;
	color: #333333;
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	line-height: 32px;
	margin-bottom: 20px;
	padding: 0px; 
}
.blockquote{font-size:calc(27px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));  line-height:1.2 !important; font-family:'Suranna'; text-transform:initial}
a, a i{
	color: #4b8eb5;
	outline:none !important;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
a:hover, a:focus{
	color: #808080;
	text-decoration:none;
}
img{
	height: auto;
	max-width: 100%;
}
hr {border-color: rgba(0,0,0,.1);}
ul, ol {
	margin-top: 0;
	margin-bottom: 20px;
}
strong{font-weight:600;}
section {padding:calc(40px + (65 - 45) * ((100vw - 480px) / (1600 - 480))) 0; overflow:hidden;}
button{outline:none;}
.clearfix{clear:both;}
#canvas {margin:0;}
.smaller-gap .container{padding-left:5px; padding-right:5px;}
.container-fluid.small{padding-left:5vw; padding-right:5vw; font-size:initial}
.container-fluid.smaller{padding-left:10vw; padding-right:10vw;}
.small-gap .row{margin-left:-10px; margin-right:-10px;}
.small-gap [class*="col-"]{padding-left: 10px; padding-right: 10px;}
.smaller-gap .row{margin-left:-5px; margin-right:-5px;}
.smaller-gap [class*="col-"]{padding-left: 5px; padding-right: 5px;}
.no-gap .row{margin-left:0px; margin-right:0px;}
.no-gap [class*="col-"]{padding-left: 0px; padding-right: 0px;}


/* -------------------------------------
   HEADER
----------------------------------------*/
header{
	background: transparent;
	font-size:13px;
	position:relative;
	transition: all 0.4s ease;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease; 
}
header .container{width:100%;}

/* -------------------------------------
   LOGO
----------------------------------------*/
#logo{
  display:none;
  text-align:left;
  color:#fff;
  font-size:0;
  line-height:0;  
  max-width:135px;
  position:absolute;
  overflow:hidden;
  top: 11px;
  left: 20px;
  right: 0;
}
.shotel #logo{top:44px; left:0;}
#main-logo{
	display:block;
	text-align:left;
  width: 220px;
	overflow:hidden;
	margin: 0 auto;
  left: 0;
  right: 0;
}
#main-logo img{
  margin:30px 0 10px 0;  
}
#main-logo, #logo, #main-logo img, #logo img{ 
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.on #main-logo img{display:none;}
.on #logo{display:block; }


/* -------------------------------------
   MAIN NAV
----------------------------------------*/
.top-nav{border-bottom:1px solid rgba(255,255,255,.15);}
.on .top-nav{background:#faf6f5 !important}
.top-nav ul{
	margin:0; 
	padding:0;
}
.top-nav ul li{
	display:inline-block;
	list-style:none;
}
.top-nav ul li a, .top-nav ul li a i{color:rgba(255,255,255,.95);}
.top-nav ul li a:hover{color:#888;}
.on .top-nav ul li a, .on .top-nav ul li a i{color:#999}

#top-left{
  padding:5px 0;
	float:left !important;
	text-align:left;
}
#top-left li:last-child:after{content:'';}
#top-right{
	float:right;
	text-align:right;
	padding: 5px 0;
}
#top-right li, #top-left li{
	text-transform: uppercase;
	font-size: 10px;
  letter-spacing: 2px;
  font-weight: 600;
}
#top-right li a{padding:0 15px;}
#top-left > li, #top-right > li{
	display:inline-block;
	float:none;
  margin-right: 10px;
}
#top-left > li:last-child, #top-right > li:last-child{margin-right:0;}
#top-left > li:first-child > a, #top-right > li:first-child > a{padding-left:0;}
#top-left > li:last-child > a, #top-right > li:last-child > a{padding-right:0;}
#top-left > li i.fa, #top-right > li i.fa{margin-right:5px;}
#top-left > li i.fa:hover, #top-right > li i.fa:hover{color:#888; margin-right:10px;}

nav{width:100%; font-size: 15px; letter-spacing:0;}
.on #nav-menu.navbar-default, .no-slider #nav-menu.navbar-default{background:#fff !important; padding: 0; box-shadow: 0 0 3px rgba(0,0,0,.15);}
#nav-menu{transition:all 0.2s;}
#nav-menu.navbar-default{
	clear:both;
	margin-bottom:0;
	border-color: rgba(0,0,0,.05);
	border-width: 0;
	border-radius:0;
	width:100%;
  min-height:55px;
	position:fixed;
  background: -moz-linear-gradient(top,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.25)),color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 100%);
	z-index:999;
}
.navbar-default{
	border-color: transparent;
	border-width: 0;
	border-radius:0;
	clear:both;
	margin-bottom:0;
	padding:0;
	width:100%;
}
#primary-menu{
	border:none !important;
	box-shadow:none !important;
	margin-left:-15px;
	margin-right:-15px; 
}
#leftmenu, #rightmenu{
	margin-top:0;
	margin-bottom:0;
}
#leftmenu{
	float:left;
	text-align:left;
}
#rightmenu{
	float:right;
	text-align:right;
}
#leftmenu > li, #rightmenu > li{
	float:none;
	display:inline-block;
}
#leftmenu > li:first-child > a, #rightmenu > li:first-child > a{
	padding-left:0;
}
#leftmenu > li:last-child > a, #rightmenu > li:last-child > a{
	padding-right:0;
}
.navbar-collapse{
	max-height:inherit;
	text-align:center;
}
.navbar-nav{
  font-size:14px;
  letter-spacing: 0.035em;
  font-weight:400;
	display:inline-block;
	float:none;
	margin-left:-15px;
	margin-right:-15px;
}
.navbar-nav > li{float:none; display:inline-block;}
.navbar-nav > li > a {
	color:#fff;
	padding:20px 10px;
  font-weight:600;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background: transparent;
	border-color: transparent !important;
}
.navbar-default .navbar-nav > li > a{color:#fff;}
.on .navbar-default .navbar-nav > li > a, .no-slider .navbar-default .navbar-nav > li > a{color:#555;}
.navbar-toggle .icon-bar{height:3px;}
.navbar-default .navbar-nav>.current-menu-item>a, .navbar-default .navbar-nav>.current-menu-item>a:hover, .navbar-default .navbar-nav>.current-menu-item>a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .no-slider .navbar-default .navbar-nav>.current-menu-item>a, .no-slider .navbar-default .navbar-nav>.current-menu-item>a:hover, .no-slider .navbar-default .navbar-nav>.current-menu-item>a:focus, .no-slider .navbar-default .navbar-nav > .open > a, .no-slider .navbar-default .navbar-nav > .open > a:hover, .no-slider .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color:#f1d89d;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: transparent;
	color:#f1d89d;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	background-color: transparent;
	color:#f1d89d;
}
#home.navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-menu-item > a:focus{
	background-color: transparent; 
	color:#555;
}
.navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-menu-item > a:focus{
	background-color: transparent; 
	color:#edd194;
}

.on .navbar-default .navbar-nav > .active > a, .on .navbar-default .navbar-nav > .active > a:hover, .on .navbar-default .navbar-nav > .active > a:focus{
	background-color: transparent;
	color:#edd194;
}
.on .navbar-default .navbar-nav>li>a:hover, .on .navbar-default .navbar-nav>li>a:focus {
	background-color: transparent;
	color:#edd194;
}
.on .navbar-default .navbar-nav > .current-menu-item > a, .on .navbar-default .navbar-nav > .current-menu-item > a:hover, .on .navbar-default .navbar-nav > .current-menu-item > a:focus{
	background-color: transparent; 
	color:#edd194;
}
.menu-item-has-children > a{padding-right:20px !important;}
.menu-item-has-children > a:before{
	content: "\f107";
	color: #fff;
  display: inline-block;
	font-family: FontAwesome;
  margin-top: 4px;
	height: 10px;
	position: absolute;
	right: 5px;
	width: 10px;
  line-height: 15px;
}
.on .menu-item-has-children > a:before{color:#000;}
.burger-menu .menu-item-has-children > a:before{display:none;}
.navbar-toggle, #mobile-menu-trigger {
	border-radius: 0px;
	background: transparent;
	border-width:0 0 0 1px;
  right: 0;
	margin-left:20px;
	margin-bottom: 22px;
	padding: 10px 20px 10px 20px;
	position: absolute;
}
#mobile-menu-trigger{cursor:pointer;}
#mobile-menu-trigger .icon-bar {
	border-radius: 1px;
	background-color: #000;
	display: block;
	height: 2px;
	margin-top: 4px;
	width: 22px;  
}
#mobile-menu-trigger .icon-bar:first-child{margin-top:0;}
.dropdown-menu {
	background:rgba(255,255,255,.95);
	border-radius: inherit; 
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.dropdown-menu > li > a{padding: 10px 20px;}
.caret{margin-left:5px;}
.sub-menu{
  text-align:left;
	background-color: rgba(0,0,0,.5);
	background-clip: padding-box;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
	display: none;
	float: left;
	list-style: none;
	left: 0;
	min-width: 200px;
	margin: 0;
	position: absolute;
	padding: 5px 10px;
	top: 100%;
	z-index: 1000;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175); 
}
.sub-menu > li > a {
	border-bottom:1px solid rgba(255,255,255, .1);
	clear: both;
	color: #fff;
	display: block;
	font-weight: normal;
	line-height: 1.42857143;
	padding: 10px;
	white-space: nowrap;	
}
.sub-menu > li > a:hover{background:rgba(255,255,255,0.1);}
.sub-menu > li:last-child > a{border-bottom:none;}
.sub-menu .sub-menu{
	left: 100%;
	top:0;
}
.expand-trigger:after{
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
  	content:"";
	display: inline-block;
	height: 0;
	margin-right: 10px;
	margin-left: 2px;
	position: absolute;
	right: 0;
	top: 23px;
	width: 0;
	vertical-align: middle; 
}
.sub-menu .expand-trigger:after{
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid;
	top: 21px;
}
.button{
	float: right;
	list-style:none;
	margin:10px 0;	display: inline-table;
	position: absolute;
	right: 15px;
	top: 0;
}
.shotel .button{top: 32px;}
#menu-toggle *{
    transition: .2s ease-in-out;
    box-sizing: border-box;
}
#menu-toggle {
    width: 61px;
    height: 56px;
    margin: 0;
    position: relative;
    position: relative;
    cursor: pointer;
}
/*.shotel #menu-toggle {display:block}*/
#menu-toggle span{
    display: block;
    background: #fff;
    border-radius: 2px;
}
.on #menu-toggle span{background:#128cab}
#menu-toggle.open #cross span{
    background: #fff;
}
#menu-toggle #hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
}
#menu-toggle #hamburger span {
    width: 30px;
    height: 1px;
    position: relative;
    top: 14px;
    right: 0;
    margin: 6px 0;
}
#menu-toggle #hamburger span:nth-child(1) {
    transition-delay: .3s;
}
#menu-toggle #hamburger span:nth-child(2) {
    transition-delay: .4s;
}
#menu-toggle #hamburger span:nth-child(3) {
    transition-delay: .5s;
}
#menu-toggle #cross {
    position: absolute;
    height: 50px;
    width: 50px;
    transform: rotate(45deg);
}
#menu-toggle #cross span:nth-child(1) {
    height: 0%;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 18px;
    transition-delay: 0s;
}
#menu-toggle #cross span:nth-child(2) {
    width: 0%;
    height: 1px;
    position: absolute;
    left: 12%;
    top: 37px;
    transition-delay: .1s;
}

#menu-toggle.open #hamburger span {
    width: 0%;
}
#menu-toggle.open #hamburger span:nth-child(1) {
    transition-delay: 0s;
}
#menu-toggle.open #hamburger span:nth-child(2) {
    transition-delay: .125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
    transition-delay: .25s;
}
#menu-toggle.open #cross span:nth-child(1) {
    height: 52%;
    transition-delay: .35s;
}
#menu-toggle.open #cross span:nth-child(2) {
    width: 52%;
    transition-delay: .2s;
}
.nav-main{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99999;
}
.nav-container{
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 98;
}
.nav-container .background{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.6);
    z-index: 1;
}
#sidebar-wrapper {
    position: fixed;
    width: 40rem;
    padding:30px 20px 60px 20px;
    background: #27a7c6;
    text-align:center;
    top: 0;
    left: -40rem;
    height: 100%;
    z-index: 98;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-duration: 750ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
   
}
#sidebar-wrapper.active {
    -webkit-transform: translate3d(40rem, 0, 0);
    -moz-transform: translate3d(40rem, 0, 0);
    -ms-transform: translate3d(40rem, 0, 0);
    -o-transform: translate3d(40rem, 0, 0);
    transform: translate3d(40rem, 0, 0);
    overflow-x: auto;
}
@media only screen and (max-width:480px){
    #sidebar-wrapper {
        width: 100vw;
        left: -100vw;
    }
    #sidebar-wrapper.active {
        -webkit-transform: translate3d(100vw,0,0);
        -moz-transform: translate3d(100vw,0,0);
        -ms-transform: translate3d(100vw,0,0);
        -o-transform: translate3d(100vw,0,0);
        transform: translate3d(100vw,0,0);
    }
}

#sidebar-wrapper .logo{
    padding-top: 20px;
    padding-bottom: 15px;
    width: 200px;
    display: block;
    margin: 0 auto;
}
#sidebar-wrapper .logo img {
    margin-right: 20px;
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
#sidebar-wrapper #group-menu .logo{width:150px; padding-top:0;}
#sidebar-wrapper hr{border-color:rgba(255,255,255,.1);}
#sidebar-wrapper .navbar-nav{
	margin-right: 15px;
    margin-left: 15px;
    display: block;
}
.sidebar-nav li a:hover{background:transparent;}
#menu-toggle {
    position: fixed;
    top: 0;
    left: 15px;
    z-index: 99;
    background:transparent;
    display:none;
}
/*.shotel #menu-toggle {display:block}*/
.nav-main.active #menu-toggle {background:transparent;}
.burger-menu.navbar-nav{margin:0; float:none !important;}
.burger-menu.navbar-nav > li{
	display:block;
	float:none;
	overflow:hidden;
	text-align:left;
	border-bottom: 1px solid rgba(255,255,255,.15)
}
.burger-menu.navbar-nav > li > a, .burger-menu.navbar-nav .sub-menu a, .burger-menu.navbar-nav > li > a.btn{
	line-height:18px;
	display: inline-block;
  font-size: 12px;
  vertical-align: top;
  z-index: 9;
  text-transform: uppercase;
  color:#fff;
}
.burger-menu.navbar-nav > li > a, .burger-menu.navbar-nav > li > a.btn{
  padding: 10px 0 !important;
	border:none !important;
	border-radius:0;
	background:transparent !important;
}
    .burger-menu.navbar-nav > li:last-child > a {margin-right: 0px;}
    .burger-menu.navbar-nav > li > a > i{
        background-size:20px;
        display: inline-block;
        float:left;
        height:20px;
        margin-right:15px;
        width:20px;
    }
    .burger-menu.navbar-nav > li > a:hover,
    .burger-menu.navbar-nav > li.current-menu-item > a:hover,
    .burger-menu.navbar-nav > li.current-menu-item > a,
    .burger-menu.navbar-nav > li > a:focus,
    .burger-menu.navbar-nav > li > a.btn:hover{color: #fff !important; border-radius:0;}

    .btn-header > li > ul > li > a:hover,
    .btn-header > li > ul > li > a:focus{background: rgba(84, 84, 84, 0.3); color:#fff;}

    .btn-header li a{color:#fff;}
    li.btn-header li.btn{
        border-radius: 0px;
        margin: 0px;
        padding: 15px 18px;
    }
    li.btn-header li.btn:hover{
        background: rgba(84, 84, 84, 0.3) !important;
        border-radius: 0px;
        margin: 0px;
        padding: 15px 18px;
    }

    .navbar-default .burger-menu.navbar-nav > .active > a,
    .navbar-default .burger-menu.navbar-nav > .active > a:hover,
    .navbar-default .burger-menu.navbar-nav > .active > a:focus{background: rgba(0,0,0,0.3); color:#fff;}

    .burger-menu.navbar-nav > li > a:after,
    .burger-menu.navbar-nav > li > a:hover:after,
    .burger-menu.navbar-nav > .current-menu-item > a:after,
    .burger-menu.navbar-nav > .active > a:after,
    .burger-menu.navbar-nav > .active > a:hover:after,
    .burger-menu.navbar-nav > .active > a:focus:after{display:none;}

    .burger-menu .navbar-collapse{
        padding:0;
        clear:both;
        position:relative;
        z-index:9999;
    }
    .navbar-default .burger-menu.navbar-nav > li > a:after{display:none;}

    .navbar-default .burger-menu.navbar-nav>.current-menu-item>a,
    .navbar-default .burger-menu.navbar-nav>.current-menu-item>a:hover,
    .navbar-default .burger-menu.navbar-nav>.current-menu-item>a:focus,
    .navbar-default .burger-menu.navbar-nav > .open > a,
    .navbar-default .burger-menu.navbar-nav > .open > a:hover,
    .navbar-default .burger-menu.navbar-nav > 	.open > a:focus{color: #3a3a4e !important;}
    .burger-menu .sub-menu{
        background: transparent;
        box-shadow: none;
        position: relative;
        padding: 0;
        top: 0;
        width: 100%;
        -webkit-box-shadow: none;
        margin-bottom:20px;
    }
    .burger-menu .sub-menu > li > a{font-size:14px; padding:5px 15px; text-indent:5px; display:inline-block; color:#e4e4cc; border:none;}
    .burger-menu .sub-menu a:hover{color:#fff; background:transparent}
    .burger-menu .sub-menu .sub-menu {
        border-top:none;
        border-bottom:1px solid rgba(0,0,0,.07);
        left: 0;
        top: 0;
    }
    .burger-menu .sub-menu li li a{padding-left:20px;}
    .burger-menu li .sf-sub-indicator {
        cursor:pointer;
        height: 40px;
        text-align: right;
        display:inline-block;
        cursor: pointer;
        height: 50px;
        left: auto!important;
        position: absolute;
        right: 0 !important;
        top: 0 !important;
        text-align: right;
        width: 50%;
        z-index: 999;
    }
    .burger-menu li .sf-sub-indicator:after,
    .burger-menu li.open li .sf-sub-indicator:after,
    .burger-menu li.open li.open li .sf-sub-indicator:after,
    .burger-menu li.open .sf-sub-indicator:after,
    .burger-menu li.open li.open .sf-sub-indicator:after,
    .burger-menu li.open li.open li.open .sf-sub-indicator:after { 
        color:#fff;
        line-height: 40px;
        width:20px;
        height: 40px;
        margin: 0 7px 0 0;
        display: inline-block;
        text-align: center;
    }
    .burger-menu li .sf-sub-indicator:after,
    .burger-menu li.open li .sf-sub-indicator:after,
    .burger-menu li.open li.open li .sf-sub-indicator:after {
        content: "+";        
        font-size: 20px;
    }
    .burger-menu li.open .sf-sub-indicator:after,
    .burger-menu li.open li.open .sf-sub-indicator:after,
    .burger-menu li.open li.open li.open .sf-sub-indicator:after {
        content: "-";
        font-size: 25px;
    }
    .burger-menu .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        height: 0px;
        overflow: hidden;
        position: absolute;
        visibility: hidden!important;
    }
    .burger-menu .sf-menu li ul.mobile-open {
        display: block!important;
        height: auto!important;
        position: relative;
        visibility: visible!important;
    }
    .burger-menu.navbar-nav .btn, .nav-btn .btn {
        border-radius: 20px;
        padding: 10px 0px;
        margin: 0;
        text-align: left;
    }
    #hotel-menu{display:none;} 
    
@media only screen and (max-width:1024px){
   #menu-toggle { display: block; }
   .menu-item-has-children > a:before{display:none;}
   #hotel-menu {display: block;}
}





/* -------------------------------------
   SLIDER
----------------------------------------*/

#home .slides{padding:0;height:100vh;}
#home .slider{padding:0;height:100vh;}
.slider{padding:0;height:70vh; min-height:540px; position:relative}
@media only screen and (max-width:480px){
  #home .slides, #home .slider, .slides, .slider{height:60vh; min-height:350px;}
}
/* .slides li:before, #home .slides li:after{
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:35%;
}
.slides li:before{
    top:0;
    background: linear-gradient(180deg,rgba(0,0,0,.25),transparent);
    z-index:3;
} */
/* #home .slides li:after{
    bottom:0;
    opacity: 0.67;
    background-image: linear-gradient(to right top, #000000, rgba(0,0,0, 0) 56%);
    height:100%;
    z-index:2;
} */
.slides .tagline-wrapper, .carousel .tagline-wrapper {
	background:none;
	bottom: 0;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}
.slides .tagline-wrapper:before , .carousel .tagline-wrapper:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#home .slides .tagline-content, .carousel .tagline-content {
	color: #fff;
	display: inline-block;
	margin:auto;
	margin-left:-5px;
	width:100%;
	vertical-align:middle;
}
#home .slides .tagline-content{vertical-align:bottom; margin-bottom:15%;}
@media only screen and (max-width:640px){#home .slides .tagline-content{margin-bottom:25%;}}
.slides .tagline-content, .carousel .tagline-content {
	color: #fff;
	display: inline-block;
	margin:auto;
	margin-left:-5px;
	width:100%;
	vertical-align: middle;
}
.carousel .tagline-content{vertical-align:middle}
.slides i{
	display:inline-block;
	height:124px;
	width:140px;
}
.slides h1, .slides h2{
	color:#fff;
  font-size: calc(34px + (65 - 45) * ((100vw - 480px) / (1600 - 480)));
  margin-bottom: 20px;
}
.slides p{color:#fff; font-size:16px; font-weight:400;}
.slider span {
	display: inline-block;
	font-size:18px;
	font-weight:500;
	position: relative;
}
.slider span:before,
.slider span:after {
	border-top: 1px solid white;
	content: "";
	height: 5px;
	position: absolute;
	top: 15px;
	width: 70px;
}
.slider span:before {
	right: 100%;
	margin-right: 15px;
}
.slider span:after {
	left: 100%;
	margin-left: 15px;
}
.slides .btn{
	border: solid 1px #fff;
	background: transparent;
	color: #fff;
}
/* .flexslider{z-index:-1;} */
.flexslider-overlay{position:relative;}
.flexslider-overlay > ul > li:before{
	background-color:#000 !important;
	content:'';
  height: 100%;
	left: 0;
  opacity: 0.2;
	position:absolute;
	top: 0;
	width:100%;
	z-index: 5;
}
.flexslider .slides > li {
	background:#000;
	background-size: cover; 
	background-position: 50% 50%;
	display: none;
	height:100%;
	width:100%;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides .logos img{max-height:100px; width:auto; opacity:.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.flexslider .slides .logos img:hover{opacity:1;}
.flexslider-container, .flexslider .slides, .flex-viewport {height: 100%;}
.flexslider {
	border: 0px solid;
	height: 100%;
	margin: 0; 
	overflow: hidden;
	padding: 0; 
	width: 100%;	
}
.flexslider .slides > li > img {display: block; height: 100%; width: auto;}
.flex-direction-nav {
    width: 100%;
    display: table;
    position: absolute;
    z-index: 22;
    top: 50%;
    margin-top: -10px;
}
.flexslider .slides li > img{width:100%; height:auto;}

/* NO-SLIDER */
.no-slider{
	background-color:#fff;
	background-size:cover;
	height:200px;
	padding:0;
	position:relative;
}
.no-slider .tagline-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    text-align: center;
    z-index: 9;
}
.no-slider .tagline-wrapper:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.no-slider .tagline-content {
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
    color: #fff;
    width: 98%;
}


/* SEARCH */
.book-link{
	float: right;
    margin-right: -9px;
    list-style: none;
    display: inline-table;
    position: absolute;
    right: 0vw;
	top: 5px;
    padding: 15px 0;
}
.book-link ul{margin:0; padding:0;}
.book-link li{
	display:inline-block;
	list-style:none; 
	padding: 0 10px;
	font-family:'Lato', sans-serif;
}
.book-link li a{
	font-weight:800;
	text-transform:uppercase;
}


/* -------------------------------------
   RESERVATION
----------------------------------------*/
#reservation .form-control {
  padding:5px;
  border-bottom: none;
  border-radius: 0;
  border-width: 0 0 0 0;
  border-style: none none solid none;
  box-shadow: none;
  text-align:center;
  font-size:22px;
  color:#e4cc93;
}

#reservation .datepicker{padding:0;}
#reservation label{color:#777; font-weight:300;}

/* -------------------------------------
   ROOM
----------------------------------------*/
#room .image-hover figure figcaption, 
#room .image-hover figure figcaption > a {
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 100%;
}
#room .image-hover figure{
    font-size: 14px;

}
#room .effect-room {
	color: #ffffff;
	float: left;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
	background-color: #000000;
}
#room .effect-room * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
#room .effect-room img {
	max-width: 100%;
	vertical-align: top;
	position: relative;
}
#room .effect-room:hover img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
#room .effect-room figcaption {
	padding: 25px 20px 25px;
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align:center;
}
#room .effect-room h3,
#room .effect-room p {
	margin: 0;
}
#room .effect-room span.fa{font-size:12px;}
#room .effect-room h3 {color:#fff;}
#room .effect-room .hover{
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: rgba(109, 187, 224, .9);
  opacity:0;
}
#room .effect-room .hover > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width:80%;
  text-align:center;
  opacity: 0;
}
#room .effect-room a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 5;
}
#room .effect-room .link{
    color: #fff;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    background-image: url(images/arrow-white.png);
    text-decoration: none;
    background-position: center right 10px;
    background-size: 32px 6px;
    padding-right: 50px;
    background-repeat: no-repeat;
    display: inline-block;
}
#room .effect-room:hover .link{
    background-position: center right 0;
}
#room .effect-room:hover .hover,
#room .effect-room:hover .hover > div,
#room .effect-room.hover .hover {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	opacity: 1;
}
#room .effect-room:hover figcaption,
#room .effect-room.hover figcaption {
	opacity: 0;
}
#room .effect-room:hover .date,
#room .effect-room.hover .date {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.room-features ul{
  margin:0 0 20px 0;
  padding:0;
  overflow:auto;
}
.room-features ul li{
  border-bottom:1px solid rgba(0,0,0,.1);
  padding-bottom:15px;
  margin-left:20px;
  margin-bottom:15px;
  margin-right:20px;
  width:calc(50% - 40px);
  float:left;
  vertical-align:top;
}
/* .room-detail .room-features ul li:before{content: "\f111"; font-family:'FontAwesome'; font-size:7px; margin-left:-15px; position:absolute; margin-top:4px;} */



/* -------------------------------------
   KIDS
----------------------------------------*/
.kids-list ul{margin:0; padding:0;}
.kids-list li{list-style:none; display:block; margin-bottom:10px;}
.kids-list li:before{
	content:'-';
	padding-right:5px;
}

/* -------------------------------------
   GOOD TO KNOW
----------------------------------------*/
.good-list ul{margin:0; padding:0;}
.good-list li{list-style:none; display:block; margin-bottom:10px;}
.good-list li:before{
	content:'-';
	padding-right:5px;
}

/* -------------------------------------
   PACKAGES
----------------------------------------*/
.packages-caption{
	text-align:center;
	padding-top:30px;
}
.packages-list ul{margin:0; padding:0;}
.packages-list li{
	list-style:none;
	display:block;
	padding-bottom:10px;
}
.packages-list li:before{
	content:'-';
	padding-right:10px;
}
.packages-content a{color:#e4cc93;}
.packages-content a:hover{color:#bbae73;}
.select-packages .caption-bg {
    background: rgba(166,154,101,0.8);
    padding: 60px 125px;
    height: 245px;
}


/* -------------------------------------
   RESTAURANT
----------------------------------------*/
.restaurant-content a{color:#e4cc93;}
.restaurant-content a:hover{color:#bbae73;}
.restaurant-item {padding: 25% 5%;}


/* -------------------------------------
   FILM WINTER
----------------------------------------*/
.films-winter-content h2{margin-bottom:10px;}


/* -------------------------------------
   SKI
----------------------------------------*/
.ski-content{padding: 25% 5%;}


/* -------------------------------------
   HOTEL
----------------------------------------*/
.hotel-caption{
	padding-top:30px;
	text-align:center;
}
.hotel-caption h3{margin-bottom:0;}

.grand-hotel-nav ul{margin:0; padding:0;}
.grand-hotel-nav li{
	border-right:1px solid #b3b3b3;
	display:inline-block;
	font-family: 'Lato', sans-serif;
	list-style:none;
	text-align:center;
	width: calc(33% - 2px);
	text-transform:uppercase;
}
#related-room.owl-theme .owl-nav{
	border-radius: 0px;
	color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
	opacity:90;
}
#related-room.owl-theme .owl-nav .owl-prev{
	width:60px;
	height:60px;
	border-radius: 0px;
	background: url(images/prev.png) 50% 50% no-repeat;
	position: absolute;
  background-size:70% 70%;
	top: 42%;
  left: -65px;
	margin:0;
}
#related-room.owl-theme .owl-nav .owl-next{
	width:60px;
	height:60px;
	border-radius: 0px;
	background: url(images/next.png) 50% 50% no-repeat;
	position: absolute;
  background-size:70% 70%;
  top: 42%;
  right: -65px;
	margin:0;
}
#related-room.owl-theme .owl-dots{
	position: relative;
    z-index: 99;
    bottom: 50px;
}
#related-room.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 2px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 50%;
    border: 2px solid #888;
}
#related-room.owl-theme .owl-dots .owl-dot.active span, 
#related-room.owl-theme .owl-dots .owl-dot:hover span {
    background: #888;
}


/* -------------------------------------
   RESERVATION
----------------------------------------*/
.box-book{
  padding: 20px 25px 25px 25px;
  text-align: center;
  background: #ffffff;
  color: #000;
  box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}
.box-book i{font-size:18px;}
#reservation select {
	appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  text-align-last: center;
  text-align: center;
}
#reservation .btn{
	font-weight:700;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
}
.restaurant-contact a{color:#e4cc93;}
.restaurant-contact a:hover{color:#bbae73;}


/* -------------------------------------
   CULINARY
----------------------------------------*/
.culinary a{color:#e4cc93;}
.culinary a:hover{color:#bbae73;}
.culinary-item {padding: 15% 5%;}


/* -------------------------------------
   SPA
----------------------------------------*/
.spa-logo{margin-bottom:50px;}
.spa-logo img{width:30%;}
.spa-title{
	color:#e4cc93;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}
.spa-item{padding:15% 5%;}
.spa-item-2{padding: 50% 5%;}
.pool-content .grid-item{padding:30px;}
.spa-reservation .btn{text-transform:uppercase; font-weight:600; font-family: 'Lato', sans-serif;}
.spa-list ul{margin:0; padding:0;}
.spa-list li{
	list-style:none;
	display:block;
	margin-bottom:10px;
}
.spa-list li:before{
	content:'-';
	padding-right:10px;
}
.day-spa .link{
	color: #e4cc93;
	font-family:'Lato', sans-serif;
	text-transform:uppercase;
    background-image: url(images/arrow-blue.png);
    text-decoration: none;
    background-position: center right 10px;
    background-size: 32px 6px;
    padding-right: 52px;
    background-repeat: no-repeat;
}
.day-spa .link:hover{
    background-position: center right 0;
}


/* -------------------------------------
   WEDDING
----------------------------------------*/
.wedding-title{
	color:#e4cc93;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}
.wedding .btn{
	font-family:'Lato', sans-serif;
	font-weight:600;
	text-transform:uppercase;
}
.wedding-links ul{margin:50px 0; padding:0;}
.wedding-links li{list-style:none; display:inline-block; margin-bottom:10px;}
.wedding-list ul{margin:0; padding:0;}
.wedding-list li{
	list-style:none;
	display:block;
	margin-bottom:10px;
}
.wedding-list li:before{
	content:'-';
	padding-right:10px;
}

/* -------------------------------------
   MEETING
----------------------------------------*/
.meeting-title{
	color:#e4cc93;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}

/* -------------------------------------
   ROOM
----------------------------------------*/
.room-title{
	color:#e4cc93;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}
.table > tbody > tr > td{
  padding: 20px 10px;
  /*text-align: center;	
  line-height: 1.42857143;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
	border-top:none !important;*/
}
/*.table > tbody > tr > td:first-child {
    padding-left: 0;
    padding-right: 1em;
    text-align: left;
    white-space: nowrap;
}*/
.table > tbody > tr > td img{width:20%; display:block; margin: 0 auto;}
.table > tbody > tr > td h4{margin-bottom:0px;}


/* -------------------------------------
   NEWS
----------------------------------------*/
.news-caption{
	padding-top:30px;
}
.news-caption h4{
	color:#000;
	font-size:20px;
}
.news-event-content a{color:#e4cc93;}


/* -------------------------------------
   GALLERY
----------------------------------------*/
.gallery-item figure i{
	bottom: 50%;
	font-size: 24px;
    font-weight: 300;
	height: 24px;
	left: 50%;
	line-height: 34px;
	margin-top: -15px;
    margin-left: -15px;
	opacity:0;
    position: absolute;
    right: 50%;
    top: 50%;
    text-align: center;
	width: 24px;
	z-index: 99;
}
.gallery-item figure:hover i{
	opacity:1;
}
.gallery-item figure i.lnr{color:#fff; font-size:36px;}


/* -------------------------------------
   CONTACT
----------------------------------------*/
.contact-item{padding:15% 5%;}
.contact-form label{font-style:italic;}
.contact-form .form-horizontal .control-label {
    text-align: left;
    font-weight: 300;
}
.contact-form .form-control{
	border-bottom:1px solid rgba(0,0,0,.5);
	height: 45px;
  border-radius: 0;
  border-width: 0 0 2px 0;
  border-style: none none solid none;
  box-shadow: none;
  background:transparent
}
.contact-form textarea.form-control{
	height:auto;
	resize: vertical;
}

/* -------------------------------------
   NEWSLETTER
----------------------------------------*/
/* .newsletter-content{padding:0px 10%} */
.newsletter{background-image: linear-gradient(to right, #38bfe0, #087792);}
.newsletter h3{color:#fff;}
.newsletter .form-control {
	display: block;
  width: 100%;
  height: 34px;
  padding: 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-bottom: 2px solid rgba(255,255,255,.5);
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: none;
}
#newsletter > div select{
	color:#fff; 
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}
#newsletter > div select option{color:#555;}
#newsletter .btn {
    outline: none;
    background: transparent;
    border-width:2px;
}
#newsletter button.link{
	color: #e4cc93;
	font-family:'Lato', sans-serif;
	text-transform:uppercase;
  background-image: url(images/arrow-gold.png);
  text-decoration: none;
  background-position: center right 10px;
  background-size: 32px 6px;
  padding-right: 52px;
  background-repeat: no-repeat;
	line-height: 30px;
}
#newsletter button.link:hover{background-position: center right 0;}
#newsletter input[type="text"]:-moz-placeholder {color: #fff !important;}
#newsletter input[type="email"]:-moz-placeholder {color: #fff !important;}
#newsletter input[type="text"]::-moz-placeholder {color: #fff !important;}
#newsletter input[type="email"]::-moz-placeholder {color: #fff !important;}
#newsletter input[type="text"]:-ms-input-placeholder {color: #fff !important;}
#newsletter input[type="email"]:-ms-input-placeholder {color: #fff !important;}
#newsletter input[type="text"]::-webkit-input-placeholder {color: #fff !important;}
#newsletter input[type="email"]::-webkit-input-placeholder {color: #fff !important;}

/* BLOG GRID */
.block-grid-item{height:500px; display:block; position:relative; overflow:hidden;}
.block-grid-item.half{height:235px}
.block-grid-item figure, .block-grid-item figure a{width:100%; height:100%; display:block;}
.block-grid-item figure{position:absolute; z-index:9;}
.block-grid-item figure:hover{ background: rgba(0,0,0,.3);}
.block-grid-item .img-bg{position:absolute; width:100%; height:100%;  -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease;}
.block-grid-item:hover .img-bg{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.block-grid-item figcaption {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 2vw;
    line-height: 27px;
    color: #fff;
    padding: 50px 50px;
    display: table;
    width:100%;
}
.block-grid-item figcaption{padding: 20px 20px 25px 30px ; left:0;}
.block-grid-item a:before{
    content:'';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 60%;
    opacity:1;
    z-index: 3;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,-0.5) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}
@media screen and (max-width: 1600px) {
  .block-grid-item{height:460px; display:block; position:relative; overflow:hidden;}
  .block-grid-item.half{height:215px}  
}
@media screen and (max-width: 1400px) {
  .block-grid-item{height:420px; display:block; position:relative; overflow:hidden;}
  .block-grid-item.half{height:195px}
}
@media screen and (max-width: 1200px) {
  .block-grid-item{height:380px; display:block; position:relative; overflow:hidden;}
  .block-grid-item.half{height:175px}
}
@media screen and (max-width: 768px) {
  .block-grid-item, .block-grid-item.half{height:270px;}
}
/* -------------------------------------
   FOOTER
----------------------------------------*/
footer{padding:calc(33px + (55 - 45) * ((100vw - 480px) / (1600 - 480))) 0 calc(33px + (55 - 45) * ((100vw - 480px) / (1600 - 480))) 0; font-size:14px !important;}
footer a{color:#555;}
footer a:hover{color:#333;}

.footer-nav ul{margin:0; padding:0;}
.footer-nav li{
	list-style:none; 
	display:inline-block; 
	padding: 0px 7px;
	margin:5px 0;
}
.footer-nav li:first-child{padding-left:0;}
.footer-nav li:last-child{padding-right:0;}
.footer-nav li a{
	color:#555;
}
.footer-nav li a:hover{color:#333;}
.logo-group{max-height:20px; width:auto;}

/* LINE */
.line{
    display: inline-block;
    width: 75px;
    height: 1px;
    background: #ddd;
    padding: 0 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.line.short{width:50px;}
.line.gold{background:#e4cc93;}
.line.dark-grey{background:#333;}
.line.white{background:#fff;}
.line.bold{height:3px;}
.line.long{width:150px;}


/* SOCIAL FOOTER */
/* .social-footer{float:right;} */
.social-footer li:first-child{padding-left:0;}
.social-footer li:last-child{padding-right:0;}
.social-footer ul{margin:0; padding:0;}
.social-footer li{
	list-style:none;
	display:inline-block;
	padding:5px 10px;
}
.social-footer li a i{
	color:#555;
	font-size:27px;
}
.social-footer li a i:hover{color:#999;}


/* INSTAGRAM */
.instagram{font-size:0; letter-spacing:0; margin-bottom:-1px;}
.instagram-item{
    width:20%;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.promo-box, .promo-bar{
  position: fixed;
  bottom: 0;
  left: 0;
  max-width: 360px;
  background: rgba(178,155,83,.65);
  border-radius: 0;
  margin: 0 25px 25px;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
  z-index: 100;
  overflow: hidden;
}
.promo-box, .promo-bar{
  opacity: 0;
  transition: all 0.3s ease-out;
  transition-duration: 750ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  display:block;
  pointer-events: none;
  transform: translate3d(-110%, 0, 0);
}
.promo-box{
  
}
.promo-bar{display: block; padding:6px 15px 10px 15px;cursor: pointer; /*animation: colorchange 10s infinite; -webkit-animation: colorchange 10s infinite;*/}

.promo-bar.visible, .promo-box.visible{opacity:1; pointer-events: initial;  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;transform: translate3d(0, 0, 0);}
.promo-box > .promo-content{padding:0;}
.promo-box > .promo-content h3{line-height:27px;}
.promo-box > .promo-content p{font-size:12px; letter-spacing:0.015em; line-height:normal; margin-bottom:10px;}
.promo-box button, .promo-bar button{
  font-size: 18px;
  font-family: Arial;
  width: 27px;
  height: 27px;
  line-height: 27px;
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  position: absolute;
  top: 0;
  right: 0;
  touch-action: manipulation;
  border-radius: 50%;
  color: #000;
  background:transparent;
}
.promo-box h4{font-size:15px; margin-bottom:10px; line-height:1.2}
.promo-box .btn{font-size: 8px;
    padding: 2px 6px;
    letter-spacing: 2px;
    line-height: 14px; background:#28bbdf; color:#fff;
}



/* TEXT STYLE */
.text-uppercase{text-transform:uppercase;}


/* TEXT COLOR */
.text-gold, .text-gold h2, .text-gold h3, .text-gold h4, .text-gold h5, .text-gold a, .text-gold ul li, .text-gold ol li, .text-gold a, .text-gold i{color:#e4cc93}
.text-black, .text-black h2, .text-black .h2, .text-black h3, .text-black .h3, .text-black h4, .text-black .h4, .text-black ul li, .text-black ol li, .text-black a{color:#000 !important}
.text-white, .text-white h1, .text-white .h1, .text-white h2, .text-white .h2, .text-white h3, .text-white .h3, .text-white h4, .text-white .h4, .text-white ul li, .text-white ol li, .text-white a, .text-white i, .text-white label{color:#fff !important}

/* ACCORDION */
.accordion dl:after,
.accordion-list:after {
	content: "";
	display: block;
	width: 100%;
	border-bottom:1px solid #ddd;
}
.accordion dd,
.accordion__panel {
	background-color: transparent;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
}
.accordion {
	position: relative;
	background-color: transparent;
}
.accordionTitle,
.accordion__Heading {
	background: transparent;
    text-align: left;
    font-size: 25px;
    font-weight: 300;
    padding: 25px;
    display: block;
    text-decoration: none;
    color: #555;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    border-top: 1px solid #ddd;
}
.accordionTitle:before,
.accordion__Heading:before {
	content: "+";
	font-size: 1.5em;
	line-height: 30px;
	float: right;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
	background-color: transparent;
}
.accordionTitleActive,
.accordionTitle.is-expanded {
	background-color: transparent;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.accordionItem {
	height: auto;
	overflow: hidden;
	max-height: 50em;
	-webkit-transition: max-height 1s;
	transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 6000px;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}
.accordionItem.is-collapsed {max-height: 0;}
.no-js .accordionItem.is-collapsed {max-height: auto;}
.animateIn {
	-webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
			animation: accordionIn 0.45s normal ease-in-out both 1;
}
.animateOut {
	-webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
			animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}


/* NEXT PAGE */
.next-page h3{color:#555;}
.next-page p{font-size: 18px; color: #555;}
.next-page i.lnr{font-size: 25px;}


/* TAB PANEL */
.nav-tabs {
    border-bottom: none;
    margin-bottom: 50px;
}
.panel-default {border-color: transparent; background:transparent; box-shadow:none;}
.nav-tabs > li {
  float: none;
  margin-bottom: -1px;
  border: 3px solid transparent;
  text-align: center;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  border-width: 0 0 3px 0;
}
.nav-tabs > li a{margin:0 5px; border: 3px solid transparent;border-width: 0 0 3px 0; background-color: transparent !important;}
.nav-tabs > li a:hover{background:none; border-color:#e4cc93;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #e4cc93;
  cursor: default;
  background-color: transparent;
  border: 3px solid transparent;
  border-width: 0 0 3px 0;
  border-color:#e4cc93;
	font-weight:700;
}

/* DATE PICKER */
.ui-widget, .ui-widget-content{ 
	font-size:13px;
	font-family: 'Lato', sans-serif;
	color:#888888;
}
.ui-widget-header{
	background:initial;
	border:initial;
	border-radius:initial;
}
.ui-tabs .ui-tabs-nav{
	border-bottom:1px solid #ccc;
	padding: 0 20px;
}
.ui-tabs .ui-tabs-nav li{
	margin:0 1px 0 0;
	border-bottom-width: 1px;
}
.ui-widget-content{
	border:initial;
	background:initial;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border:initial;
	border-radius:initial;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:#f4f4f4;
	border: 1px solid #f4f4f4;
	color:#000;
	text-align:center;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	background:transparent;
	border-bottom-color:#fff;
	margin-left:-1px;
	margin-right:-1px;
}
.ui-tabs .ui-tabs-panel{overflow:hidden;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{
	outline:none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	color:#000;
}
.ui-datepicker {
	font-size:16px;
	background:rgba(141, 130, 84,.80);
	padding:15px;
	border-radius:0;
	box-shadow:1px 1px 5px rgba(0,0,0,.15);
	z-index:999 !important;
}
.ui-datepicker-title{color:#000;}
.ui-datepicker th{color:#fff;}
.ui-datepicker td{padding:0 1px 1px 0;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
	opacity: .25;
	filter: Alpha(Opacity=25);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #8abbc6 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border:none;
    background: #8abbc6 url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}


/* FORM CONTROL */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border:none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: none;
}


/* LIST NAV */
.list-nav li:last-child{border-right:none;}
.list-nav li a.active{color:#e4cc93;}
.list-nav li a{color:#555; font-weight:600;}
.list-nav li a:hover{color:#e4cc93;}

.list-inline ul, .list-inline ul li{list-style:none; margin:0; padding:0;}
.list-inline ul{margin-bottom:20px;}
.list-inline ul li:before{content:', ';}
.list-inline ul li:first-child:before{display:none;}
.list-inline ul li{display:inline;}

/* TITLE */
.title{
  font-size:12px;
	color:rgba(0,0,0,.5);
  line-height:normal;
	text-transform:uppercase;
  margin-bottom:5px;
  letter-spacing:2px;
}

/* IMAGE */
.images{padding:30px 0;}

/* BACKGROUND COLOR */
.bg-white{background-color:#fff !important;}}
.bg-green{background-color:#205c40 !important;}
.bg-dark-grey{background-color:#27a7c6 !important;}
.bg-light-grey{background-color:#faf6f5 !important;}
.bg-gold{background-color:#e4cc93 !important;}
.bg-none{background-color:transparent !important}
.bg-fixed{background-attachment:fixed !important}
.bg-cover{background-size:cover !important; background-position:50% 50% !important;}

.p-fixed{position:fixed;}
.p-relative{position:relative;}
.d-table-cell{display:table-cell; vertical-align:middle}
.d-inline-block{display:inline-block; float:none; margin:0 -2px; vertical-align:top;}

/* IMAGE */
.img:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, transparent 60%, rgba(0,0,0,0.5) 100%);
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.5) 100%);
    z-index: 0;
}
.img-w-divider{
  position:relative;
}
.img-w-divider:before{
  content:'';
  width:10px;
  height:100%;
  left:50%;
  margin-left:-5px;
  top:0;
  position:absolute;
  z-index:3;
  background:#fff;
}
.img-w-divider.light-grey:after{background:#f4f4f4}
.img-w-divider.dark-grey:after{background:#333}

/* SOCIAL MEDIA */
.social-media{
  float: right;
  top: 35%;
  position: fixed;
  right: 0;
  background: #fff;
	z-index: 9;
  display:none;
}
.social-media ul{margin:0; padding:0;}
.social-media li{
	list-style:none;
	display:block;
	padding: 20px 10px;
}
.social-media li img{
	width: 30px;
    height: auto;
}

/* SCROLL DOWN */
/* .scroll-down {
	opacity: 1;
	transition: all .5s ease-in 3s;
	-webkit-transition: all .5s ease-in 3s;
}
.scroll-down {
	bottom: 30px;
	background-size: 14px auto;
	border-radius: 50%;
	display: block;
	height: 40px;
	left: 50%;
	margin-left: -20px;
  position: absolute;
	width: 40px;
	transition: all .2s ease-in;
	z-index: 9;
	-webkit-animation: bounce 2s infinite 2s;
	-webkit-transition: all .2s ease-in;
}
.scroll-down:before {
	border: 2px solid white;
	border-width: 0px 0 2px 2px;
	content: "";
	display: block;
	height: 30px;
	left: calc(50% - 6px);
	position: absolute;
	top: calc(50% - 8px);
	transform: rotate(-45deg);
	width: 30px;
} */
.mouse-wrapper{
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left:-12px;
  z-index: 99;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.mouse {
  display: inline-block;
  height: 40px;
  width: 24px;
  border-radius: 20px;
  border: 2px solid #fff;
  text-align: center;
  cursor:pointer;
  position:relative;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
/* .mouse-pulstate{
  position:absolute;width:22px; height:38px; left:0; top:0;
  display: block;
  border: 20px solid #fff;
  border-width:1px;
  border-radius: 20px;
  animation: border-pulsate 2s infinite;
} */
.mouse-wrapper:hover{bottom:40px}
.mouse:after {
  display: inline-block;
  height: 9px;
  width: 4px;
  background-color: #fff;
  border-radius: 3px;
  content: "";
  -webkit-animation: scroll 1.3s ease-out infinite forwards;
  -moz-animation: scroll 1.3s ease-out infinite forwards;
  animation: scroll 1.3s ease-out infinite forwards;
  border: 2px solid #fff;
}
@keyframes border-pulsate {
    0%   { border-color: rgba(0, 255, 255, 0);border-width:1px;margin-left:0; margin-top:0; height: 38px; width: 20px; border-radius: 20px;}
    50% { border-color: rgba(0, 255, 255, .65);border-width:1px; margin-left:-20px; margin-top:-20px; height: 76px; width: 60px; border-radius: 40px;}
    100%   { border-color: rgba(0, 255, 255, 0);border-width:1px;opacity:0;margin-left:-20px; margin-top:-20px; height: 76px; width: 60px; border-radius: 40px;}
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  50% {
    opacity: .3;
    -webkit-transform: translateY(4px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes scroll {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  50% {
    opacity: .3;
    -moz-transform: translateY(4px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: .3;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

/* BUTTON */
.btn{
	background:transparent;
	border-radius: 0;
	color:#bfa66a;
	font-size: 11px;
  font-weight:600;
	line-height: 19px;
	padding: 10px 15px;
	text-decoration: none;
  text-transform:uppercase;
  letter-spacing:3px;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;	
}
.btn-lg{padding: 15px 35px;}
.btn.btn-cocana{
  font-size:14px;
	background: #28bbdf;
  color: #fff;
  line-height:1.3;
  padding: 5px 15px;
  letter-spacing:4px;
}
.btn.btn-cocana span{
  clear: both;
  display: block;
  font-size: 8px;
  letter-spacing: .35em;
}
.btn.btn-light{
	border-bottom:2px solid #fff;
  background:#fff;
	color:#000 !important;
}
.btn.btn-border{
	border:2px solid #000;
	color:#000;
  padding: 10px 20px;
}
.btn.btn-border:hover{
	background:transparent; 
	color:#0f0e0e;
	border:2px solid #0f0e0e;
}
.btn.border-white{
	border:1px solid #fff;
	color:#fff;
}
.btn.border-white:hover{
	background:transparent; 
	color:#ccc;
	border-bottom:1px solid #ccc;
}
.btn:hover, .btn.border:hover{
	background:#333; 
	border-color:#333;
	color:#fff;
}
.btn:hover, .btn.border:hover, .btn.border-white:hover{background:#087792 !important; border-color:#087792 !important; color:#fff !important; box-shadow:none;}
.btn:hover i{color:#fff;}
.btn[class*="border-"], .btn[class*="border-"]:hover{border-width:2px;}

.link{
	color: #e4cc93;
	font-family:'Lato', sans-serif;
	text-transform:uppercase;
    background-image: url(images/arrow-gold.png);
    text-decoration: none;
    background-position: center right 10px;
    background-size: 32px 6px;
    padding-right: 52px;
    background-repeat: no-repeat;
}
.link:hover{
    background-position: center right 0;
}

/* -------------------------------------
   IMAGE HOVER
----------------------------------------*/
.image-hover {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
.image-hover figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.image-hover figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}
.image-hover figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.image-hover figure figcaption::before,
.image-hover figure figcaption::after {
	pointer-events: none;
}
.image-hover figure figcaption,
.image-hover figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.image-hover figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.image-hover figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.image-hover figure h2 span {font-weight: 800;}
.image-hover figure h2{
	margin: 0;
}


/* OVERLAY */
.overlay h2, .overlay h3, .overlay h4{line-height:normal; margin-bottom:3px;}
.overlay p{line-height:normal;}
.overlay .big-num-back{position:absolute; font-size:26em; font-weight:700; line-height:0.7em; color:#fff; right:30px; bottom:0;} */
.loading .overlay-caption{opacity:0;}
.overlay-caption{ position:absolute;width:100%; height:100%; top:0;left:0; display:table-cell; vertical-align:middle; }
.overlay-caption:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.overlay-caption:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:9; background:rgba(0,0,0,.25); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.overlay-caption.to-light:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:9; background:rgba(0,0,0,.35)}
.overlay:hover .overlay-caption.to-light:after{background:rgba(0,0,0,0)}
.overlay-caption.to-dark:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:9; background:rgba(0,0,0,.15)}
.overlay:hover .overlay-caption.to-dark:after{background:rgba(0,0,0,.45)}
/* .overlay:hover a img{
    opacity: .5;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
} */
.overlay-caption.darker:after{background:rgba(0,0,0,.65)}
.overlay figure a img{opacity:1 !important;}
.caption-content{width:98%; display:inline-block; vertical-align:middle; position:absolute; z-index:99; padding:25px 30px;}
.caption-content h3{text-transform:uppercase;}
.caption-content h4{text-transform:uppercase;}
.caption-content.bottom-left, .caption-content.top-left{position:absolute; text-align:left;}
.caption-content.bottom-right, .caption-content.top-right{position:absolute; text-align:right;}
.caption-content.top-center, .caption-content.bottom-center, .caption-content.middle-center{position:absolute; text-align:center;}
.caption-content.bottom-center{left:0; right:0; bottom:0; text-align:center;}
.caption-content.bottom-left{left:0; bottom:0; width:99%; z-index:98;}
.caption-content.bottom-right{right:0; bottom:0; width:99%; z-index:98;}
.caption-content.middle-center{top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.caption-content.top-left{left:0; top:0; width:99%; z-index:98;}
.caption-content.top-center{left:0; right:0; top:0; width:99%; z-index:98;}
.caption-content.top-right{right:0; top:0; width:99%; z-index:98;}
.caption-content.from-invisible, .caption-content.from-visible{opacity:0; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; font-size: 1.05em;}
.caption-content.from-visible{opacity:1;}
.overlay-caption:hover .caption-content.from-invisible{opacity:1;}
.overlay-caption:hover .caption-content.from-visible{opacity:0;}
.caption-content.gradient{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,-0.5) 0%,rgba(0,0,0,0.5) 100%);
}
.overlaybg{position:relative; z-index:0;}
.overlaybg:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,.4);z-index:-1;}
.overlaybg.dark:after{background:rgba(0,0,0,.75)}
.overlaybg.darker:after{background:rgba(0,0,0,.85)}


/* IMAGE HOVER */
figure{
  -webkit-transition: all .35s ease-out;
  -moz-transition: all .35s ease-out;
  -o-transition: all .35s ease-out;
  transition: all .35s ease-out;
  position:relative;
  overflow: hidden;
}
figure a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background: rgba(0,0,0,.4);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
figure a img{
  transition: all .35s ease;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -o-transition: all .35s ease;
  -ms-transition: all .35s ease;
}
figure:hover{background:rgba(0,0,0,1);) }
figure a:hover img{
  opacity:.5;
  -webkit-transform: scale(1.05);
  /* Webkit: Scale up image to 1.2x original size; */
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
figure a{-webkit-backface-visibility: hidden;/*  -webkit-transform: translateZ(0) scale(1.02, 1.02); */}
figure img{width:100%; height:auto; display:block;}
figure.overlay{position:relative; z-index:2;}
figure.overlay:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,.5)}


/* MODAL BOX */
.modal-header{padding:0; border:none;}
.modal-body{padding:35px;}
.modal-content{border-radius:3px;}
.modal-content-item small{color:#000; letter-spacing:1px;}


.modal-header .close {
	margin-top: -7vw;
    margin-right: -2vw;
}
ul.modal-head{padding-left: 0px;}
.modal-head ul{margin:0; padding-left:0;}
.modal-head li{list-style:none; display:inline-block; margin-right:5px;}
.modal-head li.h3{color:#000; font-weight:900;  text-transform:uppercase;}
.modal-content-item h3.h3{color:#000; font-weight:900; text-transform:uppercase;}
.close {
    float: right;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

/* -------------------------------------
  Magnific Popup
----------------------------------------*/
.mfp-fade.mfp-bg {
	background:#000;
	opacity: 0;
	transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out; 
	-moz-transition: all 0.35s ease-out; 	
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: .9;
	z-index:999999;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content, .mfp-fade.mfp-wrap .mfp-content iframe {
	opacity: 0;
	transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out; 
	-moz-transition: all 0.35s ease-out; 	
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content, .mfp-fade.mfp-wrap.mfp-ready .mfp-content iframe {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content, .mfp-fade.mfp-wrap.mfp-removing .mfp-content iframe {
	opacity: 0;
}
.mfp-wrap {
	z-index:999999;
}
.mfp-img{
	opacity:1 !important;
	transform: translate3d(0,0,0);
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{
	max-width:100%;
}
.mfp-inline-holder .mfp-close {
    color: #000 !important;
  	padding-right:0px;
    right: 5% !important;
    top: 5%  !important;
   	text-align: right;
    width: 100%;
}
#book .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 10%;
    top: 10%;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #000;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.white-popup-block {
    background: #FFF;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
	text-align: left;
}
#book.white-popup-block, .fullscreen.white-popup-block {
    background: #FFF;
    max-width: 100%;
    min-height: 100vh;
    margin: auto;
    position: relative;
    text-align: left;
}
.mfp-arrow{
    background-color: rgba(0,0,0,.9) !important;
	background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    height: 60px !important;
    margin-top: -30px !important;
	transition: all 0.3s ease !important;
	width: 60px !important;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
}
.mfp-arrow-left{
	background-image:url(images/carousel-left.png) !important;
}
.mfp-arrow-right{
	background-image:url(images/carousel-right.png) !important;
}
.mfp-arrow:before, .mfp-arrow:after{display:none;}
img.mfp-img{
	box-sizing: border-box;
	display: block;
	height: auto !important;
	line-height: 0;
	margin: 0 auto;
	max-width: 100% !important;
	padding: 0;
	transition: all 0.3s ease;
	width: auto !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.mfp-content figure, .mfp-content figure:hover{overflow:initial !important; background:#fff;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-bottom-bar{margin-top:10px;}
.mfp-container{padding:0;}


@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes colorchange
    {
      0%   {background: #fff; color:#333;}
      25%  {background: #e4cc93; color:#fff}
      50%  {background: #fff; color:#333}
      75%  {background: #e4cc93; color:#fff}
      100%   {background: #fff; color:#333;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #fff; color:#333;}
      25%  {background: #e4cc93; color:#fff}
      50%  {background: #fff; color:#333}
      75%  {background: #e4cc93; color:#fff}
      100%   {background: #fff; color:#333;}
    }



/* MARGIN */
.no-margin{margin:0 !important;}
.no-margin-top{  margin-top:0 !important;}
.margin-top-5{  margin-top:5px !important;}
.margin-top-10{  margin-top:10px !important;}
.margin-top-20{  margin-top:20px !important;}
.margin-top-30{  margin-top:30px !important;}
.margin-top-40{  margin-top:40px !important;}
.margin-top-50{  margin-top:50px !important;}
.margin-top-60{  margin-top:60px !important;}
.margin-top-reverse-5{  margin-top:-5px !important;}
.margin-top-reverse-10{  margin-top:-10px !important;}
.margin-top-reverse-20{  margin-top:-20px !important;}
.margin-top-reverse-30{  margin-top:-30px !important;}
.margin-top-reverse-40{  margin-top:-40px !important;}
.margin-top-reverse-50{  margin-top:-50px !important;}
.margin-top-reverse-60{  margin-top:-60px !important;}

.no-margin-right{  margin-right:0 !important;}
.margin-right-5{  margin-right:5px !important;}
.margin-right-10{  margin-right:10px !important;}
.margin-right-20{  margin-right:20px !important;}
.margin-right-30{  margin-right:30px !important;}
.margin-right-40{  margin-right:40px !important;}
.margin-right-50{  margin-right:50px !important;}
.margin-right-60{  margin-right:60px !important;}
.margin-right-reverse-5{  margin-right:-5px !important;}
.margin-right-reverse-10{  margin-right:-10px !important;}
.margin-right-reverse-20{  margin-right:-20px !important;}
.margin-right-reverse-30{  margin-right:-30px !important;}
.margin-right-reverse-40{  margin-right:-40px !important;}
.margin-right-reverse-50{  margin-right:-50px !important;}
.margin-right-reverse-60{  margin-right:-60px !important;}

.no-margin-bottom{  margin-bottom:0 !important;}
.margin-bottom-5{  margin-bottom:5px !important;}
.margin-bottom-10{  margin-bottom:10px !important;}
.margin-bottom-20{  margin-bottom:20px !important;}
.margin-bottom-30{  margin-bottom:30px !important;}
.margin-bottom-40{  margin-bottom:40px !important;}
.margin-bottom-50{  margin-bottom:50px !important;}
.margin-bottom-60{  margin-bottom:60px !important;}
.margin-bottom-reverse-5{  margin-bottom:-5px !important;}
.margin-bottom-reverse-10{  margin-bottom:-10px !important;}
.margin-bottom-reverse-20{  margin-bottom:-20px !important;}
.margin-bottom-reverse-30{  margin-bottom:-30px !important;}
.margin-bottom-reverse-40{  margin-bottom:-40px !important;}
.margin-bottom-reverse-50{  margin-bottom:-50px !important;}
.margin-bottom-reverse-60{  margin-bottom:-60px !important;}

.no-margin-left{  margin-left:0 !important;}
.margin-left-5{  margin-left:5px !important;}
.margin-left-10{  margin-left:10px !important;}
.margin-left-20{  margin-left:20px !important;}
.margin-left-30{  margin-left:30px !important;}
.margin-left-40{  margin-left:40px !important;}
.margin-left-50{  margin-left:50px !important;}
.margin-left-60{  margin-left:60px !important;}
.margin-left-reverse-5{  margin-left:-5px !important;}
.margin-left-reverse-10{  margin-left:-10px !important;}
.margin-left-reverse-20{  margin-left:-20px !important;}
.margin-left-reverse-30{  margin-left:-30px !important;}
.margin-left-reverse-40{  margin-left:-40px !important;}
.margin-left-reverse-50{  margin-left:-50px !important;}
.margin-left-reverse-60{  margin-left:-60px !important;}

.margin-5{ margin:5px !important;}
.margin-8{ margin:8px !important;}
.margin-10{  margin:10px !important;}
.margin-15{  margin:15px !important;}
.margin-20{  margin:20px !important;}
.margin-30{  margin:30px !important;}
.margin-40{  margin:40px !important;}
.margin-50{  margin:50px !important;}
.margin-60{  margin:60px !important;}

.margin-fluid-1{margin:1vw !important;}
.margin-fluid-2{margin:2vw !important;}
.margin-fluid-3{margin:3vw !important;}
.margin-fluid-4{margin:4vw !important;}
.margin-fluid-5{margin:5vw !important;}
.margin-fluid-6{margin:6vw !important;}
.margin-fluid-7{margin:7vwv;}
.margin-fluid-8{margin:8vw !important;}
.margin-fluid-9{margin:9vw !important;}
.margin-fluid-10{margin:10vw !important;}

.margin-fluid-top-1{margin-top:1vw !important;}
.margin-fluid-top-2{margin-top:2vw !important;}
.margin-fluid-top-3{margin-top:3vw !important;}
.margin-fluid-top-4{margin-top:4vw !important;}
.margin-fluid-top-5{margin-top:5vw !important;}
.margin-fluid-top-6{margin-top:6vw !important;}
.margin-fluid-top-7{margin-top:7vw !important;}
.margin-fluid-top-8{margin-top:8vw !important;}
.margin-fluid-top-9{margin-top:9vw !important;}
.margin-fluid-top-10{margin-top:10vw !important;}
.margin-fluid-top-11{margin-top:11vw !important;}
.margin-fluid-top-12{margin-top:12vw !important;}
.margin-fluid-top-reverse-1{margin-top:-1vw !important;}
.margin-fluid-top-reverse-2{margin-top:-2vw !important;}
.margin-fluid-top-reverse-3{margin-top:-3vw !important;}
.margin-fluid-top-reverse-4{margin-top:-4vw !important;}
.margin-fluid-top-reverse-5{margin-top:-5vw !important;}
.margin-fluid-top-reverse-6{margin-top:-6vw !important;}
.margin-fluid-top-reverse-7{margin-top:-7vw !important;}
.margin-fluid-top-reverse-8{margin-top:-8vw !important;}
.margin-fluid-top-reverse-9{margin-top:-9vw !important;}
.margin-fluid-top-reverse-10{margin-top:-10vw !important;}
.margin-fluid-top-reverse-11{margin-top:-11vw !important;}
.margin-fluid-top-reverse-12{margin-top:-12vw !important;}

.margin-fluid-right-1{margin-right:1vw !important;}
.margin-fluid-right-2{margin-right:2vw !important;}
.margin-fluid-right-3{margin-right:3vw !important;}
.margin-fluid-right-4{margin-right:4vw !important;}
.margin-fluid-right-5{margin-right:5vw !important;}
.margin-fluid-right-6{margin-right:6vw !important;}
.margin-fluid-right-7{margin-right:7vw !important;}
.margin-fluid-right-8{margin-right:8vw !important;}
.margin-fluid-right-9{margin-right:9vw !important;}
.margin-fluid-right-10{margin-right:10vw !important;}
.margin-fluid-right-11{margin-right:11vw !important;}
.margin-fluid-right-12{margin-right:12vw !important;}
.margin-fluid-right-reverse-1{margin-right:-1vw !important;}
.margin-fluid-right-reverse-2{margin-right:-2vw !important;}
.margin-fluid-right-reverse-3{margin-right:-3vw !important;}
.margin-fluid-right-reverse-4{margin-right:-4vw !important;}
.margin-fluid-right-reverse-5{margin-right:-5vw !important;}
.margin-fluid-right-reverse-6{margin-right:-6vw !important;}
.margin-fluid-right-reverse-7{margin-right:-7vw !important;}
.margin-fluid-right-reverse-8{margin-right:-8vw !important;}
.margin-fluid-right-reverse-9{margin-right:-9vw !important;}
.margin-fluid-right-reverse-10{margin-right:-10vw !important;}
.margin-fluid-right-reverse-11{margin-right:-11vw !important;}
.margin-fluid-right-reverse-12{margin-right:-12vw !important;}

.margin-fluid-bottom-1{margin-bottom:1vw !important;}
.margin-fluid-bottom-2{margin-bottom:2vw !important;}
.margin-fluid-bottom-3{margin-bottom:3vw !important;}
.margin-fluid-bottom-4{margin-bottom:4vw !important;}
.margin-fluid-bottom-5{margin-bottom:5vw !important;}
.margin-fluid-bottom-6{margin-bottom:6vw !important;}
.margin-fluid-bottom-7{margin-bottom:7vw !important;}
.margin-fluid-bottom-8{margin-bottom:8vw !important;}
.margin-fluid-bottom-9{margin-bottom:9vw !important;}
.margin-fluid-bottom-10{margin-bottom:10vw !important;}
.margin-fluid-bottom-11{margin-bottom:11vw !important;}
.margin-fluid-bottom-12{margin-bottom:12vw !important;}
.margin-fluid-bottom-reverse-1{margin-bottom:-1vw !important;}
.margin-fluid-bottom-reverse-2{margin-bottom:-2vw !important;}
.margin-fluid-bottom-reverse-3{margin-bottom:-3vw !important;}
.margin-fluid-bottom-reverse-4{margin-bottom:-4vw !important;}
.margin-fluid-bottom-reverse-5{margin-bottom:-5vw !important;}
.margin-fluid-bottom-reverse-6{margin-bottom:-6vw !important;}
.margin-fluid-bottom-reverse-7{margin-bottom:-7vw !important;}
.margin-fluid-bottom-reverse-8{margin-bottom:-8vw !important;}
.margin-fluid-bottom-reverse-9{margin-bottom:-9vw !important;}
.margin-fluid-bottom-reverse-10{margin-bottom:-10vw !important;}
.margin-fluid-bottom-reverse-11{margin-bottom:-11vw !important;}
.margin-fluid-bottom-reverse-12{margin-bottom:-12vw !important;}

.margin-fluid-left-1{margin-left:1vw !important;}
.margin-fluid-left-2{margin-left:2vw !important;}
.margin-fluid-left-3{margin-left:3vw !important;}
.margin-fluid-left-4{margin-left:4vw !important;}
.margin-fluid-left-5{margin-left:5vw !important;}
.margin-fluid-left-6{margin-left:6vw !important;}
.margin-fluid-left-7{margin-left:7vw !important;}
.margin-fluid-left-8{margin-left:8vw !important;}
.margin-fluid-left-9{margin-left:9vw !important;}
.margin-fluid-left-10{margin-left:10vw !important;}
.margin-fluid-left-11{margin-left:11vw !important;}
.margin-fluid-left-12{margin-left:12vw !important;}
.margin-fluid-left-reverse-1{margin-left:-1vw !important;}
.margin-fluid-left-reverse-2{margin-left:-2vw !important;}
.margin-fluid-left-reverse-3{margin-left:-3vw !important;}
.margin-fluid-left-reverse-4{margin-left:-4vw !important;}
.margin-fluid-left-reverse-5{margin-left:-5vw !important;}
.margin-fluid-left-reverse-6{margin-left:-6vw !important;}
.margin-fluid-left-reverse-7{margin-left:-7vw !important;}
.margin-fluid-left-reverse-8{margin-left:-8vw !important;}
.margin-fluid-left-reverse-9{margin-left:-9vw !important;}
.margin-fluid-left-reverse-10{margin-left:-10vw !important;}
.margin-fluid-left-reverse-11{margin-left:-11vw !important;}
.margin-fluid-left-reverse-12{margin-left:-12vw !important;}


/*padding*/
.no-padding{padding:0 !important;}
.no-padding-top{  padding-top:0 !important;}
.padding-top-5{  padding-top:5px !important;}
.padding-top-10{  padding-top:10px !important;}
.padding-top-20{  padding-top:20px !important;}
.padding-top-30{  padding-top:30px !important;}
.padding-top-40{  padding-top:40px !important;}
.padding-top-50{  padding-top:50px !important;}
.padding-top-60{  padding-top:60px !important;}
.padding-top-70{  padding-top:70px !important;}
.padding-top-80{  padding-top:80px !important;}
.padding-top-90{  padding-top:90px !important;}
.padding-top-100{ padding-top:100px !important;}
.padding-top-110{ padding-top:110px !important;}
.padding-top-120{ padding-top:120px !important;}

.no-padding-right{  padding-right:0 !important;}
.padding-right-10{  padding-right:10px !important;}
.padding-right-15{  padding-right:15px !important;}
.padding-right-20{  padding-right:20px !important;}
.padding-right-30{  padding-right:30px !important;}
.padding-right-40{  padding-right:40px !important;}
.padding-right-50{  padding-right:50px !important;}
.padding-right-60{  padding-right:60px !important;}

.no-padding-bottom{  padding-bottom:0 !important;}
.padding-bottom-5{  padding-bottom:5px !important;}
.padding-bottom-10{  padding-bottom:10px !important;}
.padding-bottom-20{  padding-bottom:20px !important;}
.padding-bottom-30{  padding-bottom:30px !important;}
.padding-bottom-40{  padding-bottom:40px !important;}
.padding-bottom-50{  padding-bottom:50px !important;}
.padding-bottom-60{  padding-bottom:60px !important;}
.padding-bottom-70{  padding-bottom:70px !important;}
.padding-bottom-80{  padding-bottom:80px !important;}
.padding-bottom-90{  padding-bottom:90px !important;}
.padding-bottom-100{  padding-bottom:100px !important;}
.padding-bottom-110{  padding-bottom:110px !important;}
.padding-bottom-120{  padding-bottom:120px !important;}
.padding-bottom-130{  padding-bottom:130px !important;}
.padding-bottom-140{  padding-bottom:140px !important;}
.padding-bottom-150{  padding-bottom:150px !important;}

.no-padding-left{  padding-left:0 !important;}
.padding-left-10{  padding-left:10px !important;}
.padding-left-15{  padding-left:15px !important;}
.padding-left-20{  padding-left:20px !important;}
.padding-left-30{  padding-left:30px !important;}
.padding-left-40{  padding-left:40px !important;}
.padding-left-50{  padding-left:50px !important;}
.padding-left-60{  padding-left:60px !important;}


.padding-5{ padding:5px !important;}
.padding-8{ padding:8px !important;}
.padding-10{  padding:10px !important;}
.padding-15{  padding:15px !important;}
.padding-20{  padding:20px !important;}
.padding-30{  padding:30px !important;}
.padding-40{  padding:40px !important;}
.padding-50{  padding:50px !important;}
.padding-60{  padding:60px !important;}

.padding-fluid-1{padding:1vw !important;}
.padding-fluid-1-half{padding:1.5vw !important;}
.padding-fluid-2{padding:2vw !important;}
.padding-fluid-3{padding:3vw !important;}
.padding-fluid-4{padding:4vw !important;}
.padding-fluid-5{padding:5vw !important;}
.padding-fluid-6{padding:6vw !important;}
.padding-fluid-7{padding:7vw !important;}
.padding-fluid-8{padding:8vw !important;}
.padding-fluid-9{padding:9vw !important;}
.padding-fluid-10{padding:10vw !important;}
.padding-fluid-11{padding:11vw !important;}
.padding-fluid-12{padding:12vw !important;}

.padding-fluid-top-1{padding-top:1vw !important;}
.padding-fluid-top-1-half{padding-top:1.5vw !important;}
.padding-fluid-top-2{padding-top:2vw !important;}
.padding-fluid-top-3{padding-top:3vw !important;}
.padding-fluid-top-4{padding-top:4vw !important;}
.padding-fluid-top-5{padding-top:5vw !important;}
.padding-fluid-top-6{padding-top:6vw !important;}
.padding-fluid-top-7{padding-top:7vw !important;}
.padding-fluid-top-8{padding-top:8vw !important;}
.padding-fluid-top-9{padding-top:9vw !important;}
.padding-fluid-top-10{padding-top:10vw !important;}
.padding-fluid-top-11{padding-top:11vw !important;}
.padding-fluid-top-12{padding-top:12vw !important;}


.padding-fluid-right-1{padding-right:1vw !important;}
.padding-fluid-right-1-half{padding-right:1.5vw !important;}
.padding-fluid-right-2{padding-right:2vw !important;}
.padding-fluid-right-3{padding-right:3vw !important;}
.padding-fluid-right-4{padding-right:4vw !important;}
.padding-fluid-right-5{padding-right:5vw !important;}
.padding-fluid-right-6{padding-right:6vw !important;}
.padding-fluid-right-7{padding-right:7vw !important;}
.padding-fluid-right-8{padding-right:8vw !important;}
.padding-fluid-right-9{padding-right:9vw !important;}
.padding-fluid-right-10{padding-right:10vw !important;}
.padding-fluid-right-11{padding-right:11vw !important;}
.padding-fluid-right-12{padding-right:12vw !important;}


.padding-fluid-bottom-1{padding-bottom:1vw !important;}
.padding-fluid-bottom-1-half{padding-bottom:1.5vw !important;}
.padding-fluid-bottom-2{padding-bottom:2vw !important;}
.padding-fluid-bottom-3{padding-bottom:3vw !important;}
.padding-fluid-bottom-4{padding-bottom:4vw !important;}
.padding-fluid-bottom-5{padding-bottom:5vw !important;}
.padding-fluid-bottom-6{padding-bottom:6vw !important;}
.padding-fluid-bottom-7{padding-bottom:7vw !important;}
.padding-fluid-bottom-8{padding-bottom:8vw !important;}
.padding-fluid-bottom-9{padding-bottom:9vw !important;}
.padding-fluid-bottom-10{padding-bottom:10vw !important;}
.padding-fluid-bottom-11{padding-bottom:11vw !important;}
.padding-fluid-bottom-12{padding-bottom:12vw !important;}


.padding-fluid-left-1{padding-left:1vw !important;}
.padding-fluid-left-1-half{padding-left:1.5vw !important;}
.padding-fluid-left-2{padding-left:2vw !important;}
.padding-fluid-left-3{padding-left:3vw !important;}
.padding-fluid-left-4{padding-left:4vw !important;}
.padding-fluid-left-5{padding-left:5vw !important;}
.padding-fluid-left-6{padding-left:6vw !important;}
.padding-fluid-left-7{padding-left:7vw !important;}
.padding-fluid-left-8{padding-left:8vw !important;}
.padding-fluid-left-9{padding-left:9vw !important;}
.padding-fluid-left-10{padding-left:10vw !important;}
.padding-fluid-left-11{padding-left:11vw !important;}
.padding-fluid-left-12{padding-left:12vw !important;}

.margin-center{float:inherit; margin:0 auto}

.min-h-150{min-height:150px;}
.min-h-200{min-height:200px;}
.min-h-250{min-height:250px;}
.min-h-300{min-height:300px;}
.min-h-350{min-height:350px;}
.min-h-400{min-height:400px;}
.min-h-450{min-height:450px;}

.h-xs-5{height:5vw}
.h-xs-10{height:10vw}
.h-xs-15{height:15vw}
.h-xs-17{height:17vw}
.h-xs-18{height:18vw}
.h-xs-20{height:20vw}
.h-xs-25{height:25vw}
.h-xs-30{height:30vw}
.h-xs-35{height:35vw}
.h-xs-40{height:40vw}
.h-xs-45{height:45vw}
.h-xs-50{height:50vw}
.h-xs-55{height:55vw}
.h-xs-60{height:60vw}
@media only screen and (min-width: 768px){
  .min-h-sm-250{min-height:250px;}
  .min-h-sm-300{min-height:300px;}
  .min-h-sm-350{min-height:350px;}
  .min-h-sm-400{min-height:400px;}
  .min-h-sm-450{min-height:450px;}
  .min-h-sm-500{min-height:500px;}
  .min-h-sm-550{min-height:550px;}
  
  .h-sm-5{height:5vw}
  .h-sm-10{height:10vw}
  .h-sm-15{height:15vw}
  .h-sm-17{height:17vw}
  .h-sm-18{height:18vw}
  .h-sm-20{height:20vw}
  .h-sm-25{height:25vw}
  .h-sm-30{height:30vw}
  .h-sm-35{height:35vw}
  .h-sm-40{height:40vw}
  .h-sm-45{height:45vw}
  .h-sm-50{height:50vw}
  .h-sm-55{height:55vw}
  .h-sm-60{height:60vw}
}
@media only screen and (min-width: 1400px){
  .min-h-md-250{min-height:250px;}
  .min-h-md-300{min-height:300px;}
  .min-h-md-350{min-height:350px;}
  .min-h-md-400{min-height:400px;}
  .min-h-md-450{min-height:450px;}
  .min-h-md-500{min-height:500px;}
  .min-h-md-550{min-height:550px;}
  
  .h-md-5{height:5vw}
  .h-md-10{height:10vw}
  .h-md-15{height:15vw}
  .h-md-17{height:17vw}
  .h-md-18{height:18vw}
  .h-md-20{height:20vw}
  .h-md-25{height:25vw}
  .h-md-30{height:30vw}
  .h-md-35{height:35vw}
  .h-md-40{height:40vw}
  .h-md-45{height:45vw}
  .h-md-50{height:50vw}
  .h-md-55{height:55vw}
  .h-md-60{height:60vw}
}

@media only screen and (max-width:1024px){
  [class*="padding-fluid-left-"], [class*="padding-fluid-right-"]{padding-left:15px !important; padding-right:15px !important}
  [class*="margin-fluid-left-"], [class*="margin-fluid-right-"]{margin-left:15px !important; margin-right:15px !important}
  #logo, #main-logo, .shotel #logo{width:135px; height:auto; top:10px; left:0; right:0; margin:auto;}
  #main-logo img{margin:10px auto;}
  .menu-trigger, .resv-trigger-close{margin-top:50px; margin-right:40px;}
  
  .contact-open, .contact-quote, .contact-form-wrapper{padding:0 15px !important;}
  header .button{margin:0; right:0; letter-spacing:0;}
  .shotel .button{top:0;}
  header .button .btn{padding:12px 10px 13px 10px;}
  header .button .btn span{letter-spacing: .36em;}
}
@media only screen and (max-width:380px){
  #logo, #main-logo, .shotel #logo{width:185px; max-width:initial; text-align:left;}
  #logo img, #main-logo img{max-width:135px; max-height: 36px; height:auto;}
}


/* EQUAL */
.equal-wrapper-margin{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.equal-wrapper{
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.equal-wrapper.odd, .equal-wrapper-margin.odd{flex-direction:row-reverse;}
.eq-xs-12{
  flex-basis: 100%;
}
.eq-xs-9{
  flex-basis: 75%;
}
.eq-xs-8{
  flex-basis: 66.66666667%;
}
.eq-xs-7{
  flex-basis: 58.33333333%;
}
.eq-xs-6{
  flex-basis: 50%;
}
.eq-xs-5{
  flex-basis:41.66666667%;
}
.eq-xs-4{
  flex-basis: 33.33333333%;
}
.eq-xs-3{
  flex-basis: 25%;
}
.eq-xs-2{
  flex-basis: 16.66666667%;
}
@media (min-width: 768px){
  .eq-sm-12{
    flex-basis: 100%;
  }
  .eq-sm-9{
    flex-basis: 75%;
  }
  .eq-sm-8{
    flex-basis: 66.66666667%;
  }
  .eq-sm-7{
    flex-basis: 58.33333333%;
  }
  .eq-sm-6{
    flex-basis: 50%;
  }
  .eq-sm-5{
    flex-basis:41.66666667%;
  }
  .eq-sm-4{
    flex-basis: 33.33333333%;
  }
  .eq-sm-3{
    flex-basis: 25%;
  }
  .eq-sm-2{
    flex-basis: 16.66666667%;
  }
}
@media (min-width: 1024px){
  .eq-md-12{
    flex-basis: 100%;
  }
  .eq-md-9{
    flex-basis: 75%;
  }
  .eq-md-8{
    flex-basis: 66.66666667%;
  }
  .eq-md-7{
    flex-basis: 58.33333333%;
  }
  .eq-md-6{
    flex-basis: 50%;
  }
  .eq-md-5{
    flex-basis:41.66666667%;
  }
  .eq-md-4{
    flex-basis: 33.33333333%;
  }
  .eq-md-3{
    flex-basis: 25%;
  }
  .eq-md-2{
    flex-basis: 16.66666667%;
  }
}

.equal-wrapper-margin .eq-xs-12{
  margin: 0 15px;
  flex-basis: calc(100% - 30px);
}
.equal-wrapper-margin .eq-xs-9{
  margin: 0 15px;
  flex-basis: calc(75% - 30px);
}
.equal-wrapper-margin .eq-xs-8{
  margin: 0 15px;
  flex-basis: calc(66.66666667% - 30px);
}
.equal-wrapper-margin .eq-xs-7{
  margin: 0 15px;
  flex-basis: calc(58.33333333% - 30px);
}
.equal-wrapper-margin .eq-xs-6{
  margin: 0 15px;
  flex-basis: calc(50% - 30px);
}
.equal-wrapper-margin .eq-xs-5{
  margin: 0 15px;
  flex-basis: calc(41.66666667% - 30px);
}
.equal-wrapper-margin .eq-xs-4{
  margin: 0 15px;
  flex-basis: calc(33.33333333% - 30px);
}
.equal-wrapper-margin .eq-xs-3{
  margin: 0 15px;
  flex-basis: calc(25% - 30px);
}
.equal-wrapper-margin .eq-xs-2{
  margin: 0 15px;
  flex-basis: calc(16.66666667% - 30px);
}
@media (min-width: 768px){
  .equal-wrapper-margin{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .equal-wrapper-margin .eq-sm-12{
    margin: 0 15px;
    flex-basis: calc(100% - 30px);
  }
  .equal-wrapper-margin .eq-sm-9{
    margin: 0 15px;
    flex-basis: calc(75% - 30px);
  }
  .equal-wrapper-margin .eq-sm-8{
    margin: 0 15px;
    flex-basis: calc(66.66666667% - 30px);
  }
  .equal-wrapper-margin .eq-sm-7{
    margin: 0 15px;
    flex-basis: calc(58.33333333% - 30px);
  }
  .equal-wrapper-margin .eq-sm-6{
    margin: 0 15px;
    flex-basis: calc(50% - 30px);
  }
  .equal-wrapper-margin .eq-sm-5{
    margin: 0 15px;
    flex-basis: calc(41.66666667% - 30px);
  }
  .equal-wrapper-margin .eq-sm-4{
    margin: 0 15px;
    flex-basis: calc(33.33333333% - 30px);
  }
  .equal-wrapper-margin .eq-sm-3{
    margin: 0 15px;
    flex-basis: calc(25% - 30px);
  }
  .equal-wrapper-margin .eq-sm-2{
    margin: 0 15px;
    flex-basis: calc(16.66666667% - 30px);
  }
}
@media (min-width: 1024px){
  .equal-wrapper-margin{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
  }
  .equal-wrapper-margin .eq-md-12{
    margin: 0 25px;
    flex-basis: calc(100% - 50px);
  }
  .equal-wrapper-margin .eq-md-9{
    margin: 0 25px;
    flex-basis: calc(75% - 50px);
  }
  .equal-wrapper-margin .eq-md-8{
    margin: 0 25px;
    flex-basis: calc(66.66666667% - 50px);
  }
  .equal-wrapper-margin .eq-md-7{
    margin: 0 25px;
    flex-basis: calc(58.33333333% - 50px);
  }
  .equal-wrapper-margin .eq-md-6{
    margin: 0 25px;
    flex-basis: calc(50% - 50px);
  }
  .equal-wrapper-margin .eq-md-5{
    margin: 0 25px;
    flex-basis: calc(41.66666667% - 50px);
  }
  .equal-wrapper-margin .eq-md-4{
    margin: 0 25px;
    flex-basis: calc(33.33333333% - 50px);
  }
  .equal-wrapper-margin .eq-md-3{
    margin: 0 25px;
    flex-basis: calc(25% - 30px);
  }
  .equal-wrapper-margin .eq-md-2{
    margin: 0 25px;
    flex-basis: calc(16.66666667% - 30px);
  }
}


.col-count-two{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.col-count-three{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.share{display:inline-block; height:auto; height: 41px; width: 41px; padding:0; line-height:41px;}
.share .share-buttons{position:relative; height:0; width: 41px; bottom: 16.5rem;    -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);}
.share.active .share-buttons{height:auto;}
.share i{pointer-events: none;}
.fab {
  height: 41px;
  width: 41px;
  line-height:41px;
  border-radius: 50%;
  cursor: pointer;
  background:rgba(255,255,255,.75)
}
.fab {
  border:1px solid #e4cc93;
-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-duration: 750ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0;
  will-change: animation;
  margin-bottom:5px;
  color:#000 !important;
}
.share:hover i{color:#000 !important;}
.share:hover .fab:nth-child(4){
  -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .0s;
    opacity:1;
}
.share:hover .fab:nth-child(3){
  -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .15s;
    opacity:1;
}
.share:hover .fab:nth-child(2){
  -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .3s;
    opacity:1;
}
.share:hover .fab:nth-child(1){
  -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .45s;
    opacity:1;
}



@media only screen and (max-width:992px){
  .col-count-two, .col-count-three{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

.reveal, .flx-reveal {
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, transform 0.8s;
  transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
}
.reveal_visible, .flx-reveal-visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}


.smooth {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transition: all .5s cubic-bezier(0.2, .84, .5, 1);
    transform-origin:0 0;
    transform: translate3d(0px, 0px, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;  
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* PHOTO GALLERY */
.item {
	flex: 0 1 auto;
	align-self: auto;
	position: relative;
	cursor: pointer;
}
.item .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0);
}
.item:hover .overlay{
  background: rgba(0, 0, 0, 0.6);
}
.overlay-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.overlay-text h2 {
	color:#fff;
	margin: 0;
}

#gallery-filter.gallery-menu a{padding:10px 15px; margin:0 5px; color:#888; text-transform:uppercase; letter-spacing:2px;font-size: 12px;}
#gallery-filter.gallery-menu a:after{content:''; margin-left:20px; position:absolute; height:100%;}
#gallery-filter.gallery-menu a:hover, #gallery-filter a.selected{color:#fff; background: #28bbdf !important; border-color:#28bbdf}
#gallery-filter.gallery-menu a:last-child:after{display:none;}
.effect-item-4 .overlay-text {
	transform: translate(-50%, 10px);
	opacity: 0;
	transition: all .5s;
}
.effect-item-4:hover .effect-15{opacity: 1;}
.effect-item-4:hover .overlay-text {
	transform: translate(-50%, -50%);
	opacity: 1;
}
.effect-item-4 a{color:#fff;}
.effect-item-4 .caption{position:absolute; width:100%; bottom:0; left:0; padding: 8px 15px; background: rgba(0,0,0,.45); color: #fff; text-align:left}
.effect-item-4 .caption h4, .effect-item-4 .caption p{color:#fff;}
.effect-item-4 .caption p{font-size:85%;}
.effect-item-4 .caption:after{content:'+'; position:absolute; right:10px; bottom:9px; font-size:30px;}

.collection-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.15);
    color:#fff;
}
.collection-item .heading{font-size:14px; font-weight: 600; text-transform:uppercase; margin-bottom:5px;}
.collection-item .loc{font-size:10px; text-transform:uppercase; letter-spacing:2px;}

.wa__popup_chat_box{width:300px !important}

.border-left {
    border-left: 1px solid rgba(0,0,0,.075);
}

.bullet-num{
  width: calc(32px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));
  height: calc(32px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));
  font-size: calc(14px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));
  text-align: center;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  line-height: calc(32px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));
  border-radius: 50%;
  background: #28bbdf;
  margin-right:5px;
  vertical-align:middle
}
.title-label{display:inline-block;  width:calc(94% - (32px + (55 - 45) * ((100vw - 480px) / (1600 - 480)))); vertical-align:middle}
.boxshadow{box-shadow:0 0 10px rgba(0,0,0,.1);}
.boxshadow .heading{padding:calc(25px + (50 - 45) * ((100vw - 480px) / (1600 - 480)))}
.boxshadow .heading.blue{background:#376eac; color:#fff;}
.boxshadow .heading.lightblue{background:#86abd7; color:#fff;}
.boxshadow .heading.lighterblue{background:#86cbec; color:#fff;}
.boxshadow .heading.blue h3, .boxshadow .heading.lightblue h3, .boxshadow .heading.lighterblue h3{color:#fff;}
.boxshadow .content{padding: calc(42px + (60 - 45) * ((100vw - 480px) / (1600 - 480)))}
.boxshadow .content h1, .boxshadow .content h2, .boxshadow .content h3, .boxshadow .content h4, .boxshadow .content p{margin:0 0 5px 0;}

.table .thead-dark th {
    color: #fff;
  	font-weight:600;
    background-color: #343a40;
    border-color: #454d55;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th{background-color:transparent}